﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=0">
    <meta content="telephone=no" name="format-detection" />
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>知识库-搜索</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/media.css">
</head>

<body id="app">
    <!-- 头部 -->
    <header class="header" id="header1">
        <a href="knowledge.html" title="返回" class="icon back"></a>
        <div class="clearfix search-box">
            <input type="button" class="fl search-btn">
            <input type="text" id="" class="search-txt" placeholder="搜索" value="" maxlength="30" v-model="searchkey">
        </div>
    </header>

    <!-- <header class="header dn" id="header2">
        <div class="clearfix search-box searchWhite">
            <input type="button" class="fl search-btn" onclick="search('circleSearchResult.html');">
            <input type="text" id="searchword" class="search-txt" placeholder="搜索" value="" maxlength="30" v-model="searchkey">
        </div>
        <div class="text">
            <a href="javascript:void(0);" title="确认" class="j_ok" style="color: #fff">确认</a>
            <a href="javascript:void(0);" title="取消" @click='cancel();' class="j_cancle" style="color: #fff">取消</a>
        </div>
    </header> -->

    <!-- 搜索 -->
    <section class="padT23 knowledge" v-cloak>
        <div class="padB24 borderTS borderspace bgff" v-for="info in data">
            <div class="pr pad24">
                <span class="db font18 tits">{{ info.typeName }}</span>
                <!-- <a href="javascript:void(0);" class="pa more">全部</a> -->
            </div>
            <ul class="clearfix knowCate">
                <li v-for="info in info.circleList | filterBy searchkey in 'name'">
                    <a href="circleList.html?id={{info.id}}&back=circleSearch.html " class="clearfix ">
                        <span class="db j_1 photo "><img data-src="{{info.pic}} " src="images/imgload.gif " class="loadImg " /></span>
                        <div class="fl text ">
                            <span class="db font24 color21 ell ">{{ info.name }}</span>
                            <span class="db font18 colorb6 ell ">{{ info.personCount }}人加入</span>
                        </div>
                    </a>
                </li>
            </ul>
        </div>



    </section>
    
    <template v-if="addShow==true ">
        <div class="cateBoxBg " ></div>
    </template>

    <script type="text/javascript " src="js/lib/jquery.min.js "></script>
    <script type="text/javascript " src="js/lib/vue.js "></script>
    <script type="text/javascript " src="js/lib/global.js "></script>
    <script type="text/javascript " src="js/lib/alert.js "></script>
    <script type="text/javascript " src="js/lib/common.js "></script>
    <script type="text/javascript " src="js/circleSearch.js "></script>
    <script type="text/javascript ">

        function show(){
            info.addShow = true;
            $("#header1 ").hide();
            $('#header2,.cateBoxBg').show();
            $("#searchword ").focus();
        }
        $('.j_ok').bind('click',function(){
            $("#header2,.cateBoxBg ").hide();
            $("#header1 ").show();
        });        
        $('.j_cancle').bind('click',function(){
            $("#header2,.cateBoxBg ").hide();
            $("#header1 ").show();
        });

        $('#searchword').bind('keypress',function(event){
            if(event.keyCode == "13 ")    {
                search("circleSearchResult.html ");
            }
        });
       
    </script>


</body>
</html>